.cart {
	padding: 20px;

	.title {
		font-weight: 300;
		text-align: center;
	}

	.top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px;

		button {
			padding: 10px;
			font-weight: 600;
			cursor: pointer;
			border: none;
			background-color: transparent;

			&.shopping {
				border: 1px solid #f16daf;
				color: #f16daf;
			}

			&.checkout {
				background-color: #f16daf;
				color: white;
				border: 1px solid #f16daf;
			}
		}

		.topTexts {
			.topText {
				text-decoration: underline;
				cursor: pointer;
				margin: 0px 20px;
			}
		}
	}

	.bottom {
		display: flex;
		justify-content: space-between;

		.info {
			flex: 3;
			hr {
				border: none;
				height: 1px;
				background-color: #ccc;
			}

			.productItem {
				display: flex;
				justify-content: space-between;
				margin: 10px;

				.productDetail {
					font-size: 14px;
					flex: 2;
					display: flex;

					img {
						width: 150px;
						height: 150px;
						margin: 10px;
						object-fit: cover;
					}

					.details {
						margin-left: 10px;
						display: flex;
						flex-direction: column;
						justify-content: space-around;

						span {
							b {
								margin-right: 10px;
							}
						}
					}
				}

				.priceDetail {
					flex: 1;
					display: flex;
					align-items: center;

					.productPrice {
						font-size: 30px;
						font-weight: 300;
					}
				}

				.deleteBtn {
					display: flex;
					align-items: center;
					margin-right: 10px;
					text-decoration: underline;
					color: #f16daf;
					font-weight: 300;
					font-size: 15px;
				}
			}
		}

		.summary {
			flex: 1;
			border: 0.5px solid lightgray;
			border-radius: 10px;
			padding: 20px;
			height: 50vh;

			.summaryTitle {
				font-weight: 200;
			}

			.summaryItem {
				margin: 30px 0;
				display: flex;
				justify-content: space-between;

				&.total {
					font-weight: 500;
					font-size: 24px;
				}

				.summaryItemText {
				}

				.summaryItemPrice {
				}
			}

			button {
				width: 100%;
				padding: 10px;
				background-color: #f16daf;
				border: none;
				color: white;
				font-weight: 600;
			}
		}
	}
}
